<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.org/ui"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ezcomp="http://java.sun.com/jsf/composite/ezcomp">

    <style type="text/css">
        .canc{
            background-image: url("../resources/images/ajax_small.gif");
        }        
        .foot{
            text-align: left;            
        }
    </style> 
    <body>
        <ui:composition template="../plantilla/Plantilla_1.xhtml">
            <ui:define name="top">
                <ui:include src="../plantilla/top.xhtml" />
            </ui:define>    
            <ui:define name="left">
                <ui:include src="../plantilla/left.xhtml" />
            </ui:define>
            <ui:define name="content">                

                <table width="547" border="0" align="center" cellspacing="0" cellpadding="0" background="../resources/images/3_26.gif">
                    <tr>
                        <td width="360" valign="top"> 
                            <table width="100%" border="0" cellspacing="0" cellpadding="0">
                                <tr>
                                    <td style="background-image:url(../resources/images/3_121.gif)" width="279" height="41">
                                        <center><b><h:outputText style="color: #ffffff; font-size: 13px" value="Estilos de SICAV"/></b></center>
                                        <!--width="279" height="41" alt=""/-->
                                    </td>
                                </tr>
                                <tr>
                                    <td><img src="../resources/images/3_15.jpg" width="279" height="38" alt=""/></td>
                                </tr>
                            </table>
                            <table width="279" border="0" cellspacing="0" cellpadding="0">
                                <tr>
                                    <td width="12"></td>
                                    <td width="255"><div align="justify"><span>          
                                                <br/>                                          
                                            </span></div></td>
                                    <td width="12"></td>
                                </tr>
                            </table>
                        </td>
                        <td width="187" valign="top"><img src="../resources/images/3_13.png" width="268" height="38" alt=""/></td>
                    </tr>
                    <tr>                                                             


                        <td colspan="2">

                            <table  border="0" cellspacing="0" cellpadding="0" align="center">
                                <tr>
                                    <!--td width="12"></td-->
                                    <td><div><span>                                                           


                                                <h:form>



                                                    <p:growl id="growl" showDetail="true" />  
                                                    <p:fieldset legend="&nbsp;" toggleable="true" toggleSpeed="500" style="text-align: left">
                                                        <p:ajax event="toggle" update="growl" />
                                                        <p:messages id="messages" />  
                                                        <p:panelGrid id="panel1" columns="2" style="width: 460px">  
                                                            <f:facet name="header">  
                                                                Estilos del sistema
                                                            </f:facet>  
                                                            <h:outputLabel for="tema" value="Seleccione estilo:" />
                                                            <p:selectOneMenu id="menu" value="#{buttonBean.number}" immediate="true">
                                                                <f:selectItem itemLabel="afterwork" itemValue="afterwork" />
                                                                <f:selectItem itemLabel="black-tie" itemValue="black-tie" />
                                                                <f:selectItem itemLabel="bluesky" itemValue="bluesky" />  
                                                                <f:selectItem itemLabel="dot-luv" itemValue="dot-luv" />
                                                                <f:selectItem itemLabel="eggplant" itemValue="eggplant" />
                                                                <f:selectItem itemLabel="home" itemValue="home" />
                                                                <f:selectItem itemLabel="humanity" itemValue="humanity" />
                                                                <f:selectItem itemLabel="redmond" itemValue="redmond" />
                                                                <f:selectItem itemLabel="rocket" itemValue="rocket" />
                                                                <f:selectItem itemLabel="south-street" itemValue="south-street" />                                                                                                                                  
                                                                <f:selectItem itemLabel="sunny" itemValue="sunny" />
                                                                <f:selectItem itemLabel="ui-lightness" itemValue="ui-lightness"/>
                                                                <p:ajax event="change" update="@form" process="@form"/>
                                                            </p:selectOneMenu>   
                                                            <h:outputLabel for="tema" value="Ejemplo:" />
                                                            <p:graphicImage value="../resources/images/themes/#{buttonBean.number}.png" width="80" height="100"/> 
                                                            <f:facet name="footer">  
                                                                <p:row>
                                                                    <p:column style="text-align: left!important">
                                                                        <p:commandButton onclick="window.location.href='themesSwitcher.xhtml'; return false;" type="button" value="Aceptar" icon="ui-icon-extlink" style="margin:0"/>
                                                                    </p:column>
                                                                </p:row>
                                                            </f:facet>  
                                                        </p:panelGrid>  

                                                    </p:fieldset>      


                                                </h:form>
                                                <br/>
                                                <br/>
                                                <br/>
                                                <br/>

                                            </span></div></td>
                                    <!--td width="12" height="154">&nbsp;</td-->
                                </tr>
                            </table>



                        </td>

                    </tr>
                    <tr><td colspan="2">

                            <img   src="../resources/images/3_30.gif" width="547" height="40" alt=""/></td></tr>  
                    <tr><td style="text-align: left">


                        </td></tr>
                </table>                             


            </ui:define>
            <ui:define name="bottom">
                <ui:include src="../plantilla/bottom.xhtml" />                
            </ui:define>

        </ui:composition>

    </body>

</html>
